
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
<div class="archive_info">
<h1>HTML <span class="color_h1">文本格式化</span></h1>
<br/>
<div class="example">
<h2 class="example">HTML 文本格式化</h2>
<div class="example_result" style="font-size:120%;">
<b>加粗文本</b><br/><br/>
<i>斜体文本</i><br/><br/>
<code>电脑自动输出</code><br/><br/>
这是<sub> 下标</sub> 和<sup> 上标</sup><br/>
</div>
<br/><a class="tryitbtn"  target="_blank">尝试一下 »</a>
</div>
<hr/><h2>HTML 格式化标签</h2>
<p>HTML 使用标签 &lt;b&gt;("bold") 与 &lt;i&gt;("italic") 对输出的文本进行格式, 如：<b>粗体</b> or <i>斜体</i>
</p>
<p>这些HTML标签被称为格式化标签（请查看底部完整标签参考手册）。</p>
<table class="lamp"><tbody><tr>
<th width="34"><img alt="Remark" border="0" decoding="async" height="32" src="/images/lamp.jpg" width="32"/></th>
<td>
<b>通常标签 &lt;strong&gt; 替换加粗标签 &lt;b&gt; 来使用, &lt;em&gt; 替换 &lt;i&gt;标签使用。</b><br/><br/>
然而，这些标签的含义是不同的：<br/><br/>
&lt;b&gt; 与&lt;i&gt; 定义粗体或斜体文本。<br/><br/>
&lt;strong&gt; 或者 &lt;em&gt;意味着你要呈现的文本是重要的，所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏览器可能会支持更好的渲染效果。</td>
</tr></tbody></table>
<br/>
<hr/><div class="tryit_ex">
<img alt="Examples" decoding="async" height="46px" src="/images/tryitimg.gif" width="40"/><h2>在线实例</h2>
</div>
<p><a  target="_blank">文本格式化</a><br/>
此例演示如何在一个 HTML 文件中对文本进行格式化
</p>
<p>
<a  target="_blank">预格式文本</a><br/>
此例演示如何使用 pre 标签对空行和空格进行控制。
</p>
<p><a  target="_blank">"计算机输出"标签</a><br/>
此例演示不同的"计算机输出"标签的显示效果。
</p>
<p><a  target="_blank">地址</a><br/>
此例演示如何在 HTML 文件中写地址。</p>
<p><a  target="_blank">缩写和首字母缩写</a><br/>
此例演示如何实现缩写或首字母缩写。
</p>
<p><a  target="_blank">文字方向</a><br/>
此例演示如何改变文字的方向。
</p>
<p><a  target="_blank">块引用</a><br/>
此例演示如何实现长短不一的引用语。</p>
<p><a  target="_blank">删除字效果和插入字效果</a><br/>
此例演示如何标记删除文本和插入文本。
</p>
<hr/><h2>HTML 文本格式化标签</h2>
<table class="reference notranslate">
<tbody><tr>
<th align="left" width="20%">标签</th>
<th align="left" width="80%">描述</th>
</tr>
<tr>
<td><a >&lt;b&gt;</a></td>
<td>定义粗体文本</td>
</tr>
<tr>
<td><a >&lt;em&gt;</a></td>
<td>定义着重文字</td>
</tr>
<tr>
<td><a >&lt;i&gt;</a></td>
<td>定义斜体字</td>
</tr>
<tr>
<td><a >&lt;small&gt;</a></td>
<td>定义小号字</td>
</tr>
<tr>
<td><a >&lt;strong&gt;</a></td>
<td>定义加重语气</td>
</tr>
<tr>
<td><a >&lt;sub&gt;</a></td>
<td>定义下标字</td>
</tr>
<tr>
<td><a >&lt;sup&gt;</a></td>
<td>定义上标字</td>
</tr>
<tr>
<td><a >&lt;ins&gt;</a></td>
<td>定义插入字</td>
</tr>
<tr>
<td><a >&lt;del&gt;</a></td>
<td>定义删除字</td>
</tr>
</tbody></table>
<h2>HTML "计算机输出" 标签</h2>
<table class="reference notranslate">
<tbody><tr>
<th align="left" width="20%">标签</th>
<th align="left" width="80%">描述</th>
</tr>
<tr>
<td><a >&lt;code&gt;</a></td>
<td>定义计算机代码</td>
</tr>
<tr>
<td><a >&lt;kbd&gt;</a></td>
<td>定义键盘码</td>
</tr>
<tr>
<td><a >&lt;samp&gt;</a></td>
<td>定义计算机代码样本</td>
</tr>
<tr>
<td><a >&lt;var&gt;</a></td>
<td>定义变量</td>
</tr>
<tr>
<td><a >&lt;pre&gt;</a></td>
<td>定义预格式文本</td>
</tr>
</tbody></table>
<h2>HTML 引文, 引用, 及标签定义</h2>
<table class="reference notranslate">
<tbody><tr>
<th align="left" width="20%">标签</th>
<th align="left" width="80%">描述</th>
</tr>
<tr>
<td><a >&lt;abbr&gt;</a></td>
<td>定义缩写</td>
</tr>
<tr>
<td><a >&lt;address&gt;</a></td>
<td>定义地址</td>
</tr>
<tr>
<td><a >&lt;bdo&gt;</a></td>
<td>定义文字方向</td>
</tr>
<tr>
<td><a >&lt;blockquote&gt;</a></td>
<td>定义长的引用</td>
</tr>
<tr>
<td><a >&lt;q&gt;</a></td>
<td>定义短的引用语</td>
</tr>
<tr>
<td><a >&lt;cite&gt;</a></td>
<td>定义引用、引证</td>
</tr>
<tr>
<td><a >&lt;dfn&gt;</a></td>
<td>定义一个定义项目。</td>
</tr>
</tbody></table> <div class="scroll-top"><a >返回顶部</a></div>
</div>

    </body>
    </html>
    